iT邦幫忙

2021 iThome 鐵人賽

DAY 5
0
自我挑戰組

網頁菜單(html css JS php ) 系列 第 5

DAY 5 html 基礎網頁

  • 分享至 

  • xImage
  •  

在昨天將 index 成功推上 Github 後,今天該讓他有點東西了。
打開 VSCODE 後 按下 檔案 -> openfolder -> 選擇你 index 所在的專案資料夾 再點選 index 即可開始編輯

HTML 文件 頭 與 身體

打開來應該是空白的,因此為他新增 html 該有的東西 像是 !DOCTYPE html head body 等等的

接著在 head 的部分 打上 title 即可變更網頁的標題,也可以順便 matacharset = "UTF-8" 將網頁編碼方式設定好

身體

接著我們就可以為他的 body 添加我們要呈現的內容了。

段落標題

h1 h2 h3 h4 h5 h6 字體大小遞減 。

表格

td的全名是 table_data
由於我在學的時候沒有搞清楚它的縮寫,導致學習很常忘記這是什麼因此特別標註賦予它意義。
tr 全名 table_row
是表格的排數,我通常會先決定有幾排後,在決定有幾個 td
table 就是表格
他要跟上面兩者做搭配就可以順利建立出表格了。

清單

ol 使用後 會以數字呈現
ul 使用後 會有大黑點
li的全名是 List Item 用來記錄資料
清單跟表格哪裡不一樣呢,最明顯的就是清單如果沒有特別設定,一開始會自帶一個大黑點,如果你經過設定後他可以變成 羅馬數字 也可以變成 123 表格則不會有


上一篇
DAY4 將專案資料夾推至 GitHub
系列文
網頁菜單(html css JS php ) 5
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言